.modal-content {
  width: initial;
  min-width: 300px;
  border-radius: var(--border-radius);
  --n-color-modal: #fff !important;
  --title-color: var(--n-card-header-color);
  --border-radius: 5px;

  .n-card {
    &-header,
    &__content,
    &__action {
      --n-padding-top: 12px;
      --n-padding-right: 14px;
      --n-padding-bottom: 12px;
      --n-padding-left: 14px;
    }

    &-header {
      --n-title-text-color: #fff;
      background-color: var(--title-color);
      border-radius: var(--border-radius) var(--border-radius) 0 0;

      &__close {
        --n-close-icon-color: #fff;
      }
    }

    &__content {
      background-color: transparent;
    }

    &__action {
      --n-action-color: transparent;
    }
  }
}
